//分页渲染
xaunran();
function xaunran(){
  $.ajax({
    type: "post",
    url: "http://118.195.129.130:3000/food/getInfoByPage",
    data: {
      page: 1,
      per_page: 5,
    },
    success: function (data) {
      if (data.err === 0) {
        for (let i = 0; i < data.data.length; i++) {
          var tbody = document.querySelector("tbody");
          let tr = document.createElement("tr");
          tbody.append(tr);
          tr.className = "rendering_tr";
          tr.innerHTML = `
                     <td class="rendering_td_id" style="display:none">${data.data[i]._id}</td>
                     <td class="rendering_td_name">${data.data[i].name}</td>
                     <td class="rendering_td_price">${data.data[i].price}</td>
                     <td class="rendering_td_desc">${data.data[i].desc}</td>
                     <td class="rendering_td_typename">${data.data[i].typename}</td>
                     <td class="rendering_td_typeid">${data.data[i].typeid}</td>
                     <td>
                     <a href="javascript:;" class="btn_delect" onclick="delect_data('${data.data[i]._id}');"> 删除 </a>
                     <a href="javascript:;" class="btn_change" onclick="one();"> 修改 </a>
                     </td>`;
        }
        var data_add = [data];
        console.log(data_add);
      } else {
        alert("渲染失败！");
      }
    },
    error: function (err) {
      console.log(err);
    },
  });
};


//添加功能
var add = document.querySelector(".add");
var hidden_add = document.querySelector(".hidden_add");
var hidden_add_btn_tip = document.querySelector(".hidden_add_btn_tip");
var hidden_add_btn_Second = document.querySelector(".hidden_add_btn_Second");
var tbody = document.querySelector("tbody"); //获取tbody

var hidden_add_textArea_one_right = document.querySelector(
  ".hidden_add_textArea_one_right"
);
var hidden_add_textArea_two_right = document.querySelector(
  ".hidden_add_textArea_two_right"
);
var hidden_add_textArea_three_right = document.querySelector(
  ".hidden_add_textArea_three_right"
);
var hidden_add_textArea_four_right = document.querySelector(
  ".hidden_add_textArea_four_right"
);
var hidden_add_textArea_five_right = document.querySelector(
  ".hidden_add_textArea_five_right"
);
var hidden_add_btn = document.querySelector(".hidden_add_btn");
var hidden_add_delect = document.querySelector(".hidden_add_delect");
//添加功能时数据不全时提示，以及全的时候实现的添加功能
add.onclick = function () {
  // alert("a");
  hidden_add.style.display = "block";
  hidden_add_delect.onclick = function () {
    hidden_add.style.display = "none";
  };
  hidden_add_btn.onclick = function () {
    if (
      hidden_add_textArea_one_right.value == "" ||
      hidden_add_textArea_two_right.value == "" ||
      hidden_add_textArea_three_right.value == "" ||
      hidden_add_textArea_four_right.value == "" ||
      hidden_add_textArea_five_right.value == ""
    ) {
      alert("您输入的数据不全！");
    } else {
      $.ajax({
        type: "post",
        url: "http://118.195.129.130:3000/food/add",
        data: {
          name: $(".hidden_add_textArea_one_right").val(),
          price: $(".hidden_add_textArea_two_right").val(),
          desc: $(".hidden_add_textArea_three_right").val(),
          typename: $(".hidden_add_textArea_four_right").val(),
          typeid: $(".hidden_add_textArea_five_right").val(),
        },
        success: function (data) {
          var tbody =document.querySelector('tbody');
          tbody.sinnerHTML ='';
          console.log(data);
          xaunran();
          // if (data.err === 0) {
          //   alert("添加成功！");
          //   // console.log(data);
          //   var datas_one = [
          //     {
          //       name: hidden_add_textArea_one_right.value,
          //       price: hidden_add_textArea_two_right.value,
          //       desc: hidden_add_textArea_three_right.value,
          //       typename: hidden_add_textArea_four_right.value,
          //       typeid: hidden_add_textArea_five_right.value,
          //     },
          //   ];
          //   var tbody = document.querySelector("tbody");
          //   let tr = document.createElement("tr");
          //   tbody.appendChild(tr);
          //   tr.className = "rendering_tr";
          //   tr.innerHTML = `
          //              <td class="rendering_td_name">${hidden_add_textArea_one_right.value}</td>
          //              <td class="rendering_td_price">${hidden_add_textArea_two_right.value}</td>
          //              <td class="rendering_td_desc">${hidden_add_textArea_three_right.value}</td>
          //              <td class="rendering_td_typename">${hidden_add_textArea_four_right.value}</td>
          //              <td class="rendering_td_typeid">${hidden_add_textArea_five_right.value}</td>
          //              <td>
          //              <a href="javascript:;"  class="btn_delect" onclick="delect_data('${data.data[i]._id}');"> 删除 </a>
          //              <a href="javascript:;" class="btn_change" onclick="one();">修改</a>
          //              </td>`;
          //   // hidden_add_btn_Second.style.display = "block";
          //   // hidden_add_btn_tip.style.display = "block";
          //   // hidden_add_btn_tip.onclick = function () {
          //   //   clearInterval(timer);
          //   //   timer = null; //清除定时器
          //   //   hidden_add_btn_Second.style.display = "none";
          //   //   hidden_add_btn_tip.style.display = "none";
          //   // };
          //   // var timer = setInterval(function () {
          //   //   hidden_add.style.display = "none";
          //   // }, 4000);
          //   // hidden_add_textArea_one_right.value = "";
          //   // hidden_add_textArea_two_right.value = "";
          //   // hidden_add_textArea_three_right.value = "";
          //   // hidden_add_textArea_four_right.value = "";
          //   // hidden_add_textArea_five_right.value = "";
          //   // add.onclick = function () {
          //   //   hidden_add.style.display = "block";
          //   //   hidden_add_btn_Second.style.display = "none";
          //   //   hidden_add_btn_tip.style.display = "none";
          //   //   clearInterval(timer);
          //   //   timer = null; //清除定时器
          //   // };
          // } else {
          //   alert("添加失败！");
          // }
        },
        error: function (err) {
          console.log(err);
        },
      });
    }
  };
};
// 4 删除操作 开始
var tbody = document.querySelector("tbody");
var btn_delect = document.getElementsByClassName("btn_delect");
var rendering_tr = document.querySelectorAll(".rendering_tr");
var rendering_td_name = document.querySelectorAll(".rendering_td_name");
var rendering_td_price = document.querySelectorAll(".rendering_td_price");
var rendering_td_desc = document.querySelectorAll(".rendering_td_desc");
var rendering_td_typename = document.querySelectorAll(".rendering_td_typename");
var rendering_td_typeid = document.querySelectorAll(".rendering_td_typeid");
var rendering_td_id = document.querySelectorAll(".rendering_td_id");
function delect_data(id) {
  console.log(id);
  $.ajax({
    type: "post",
    url: "http://118.195.129.130:3000/food/del",
    data: {
      _id: id,
    },
    success: function (data) {
      if (data.err === 0) {
        alert("删除成功！");
        document.querySelector(".rendering_tr").innerHTML = "";
      } else {
        alert("删除失败！");
      }
    },
    error: function (err) {
      console.log(err);
    },
  });
}
// 修改操作;
// var tbody = document.querySelector("tbody");
// var td = document.querySelectorAll("td");
// console.log(tbody);
// var id_table = document.getElementById("id_table");
// var change_a = id_table.getElementsByClassName("btn_change");
// 为修改操作的每一个a绑定事件;
// function one() {
//   for (let i = 0; i < change_a.length; i++) {
//     change_a[i].onclick = function () {
//       alert("您现在可以修改数据了！");
//       tbody.tr.td.setAttribute("contenteditable", "plaintext-only");
//       tbody.onblur = function () {
//         alert("a");
//         tbody.setAttribute("contenteditable", "");
//       };
//       $.ajax({
//         type: "post",
//         url: "http://118.195.129.130:3000/food/update",
//         data: {
//         name: $(""),
//         price: $(""),
//         desc: $(""),
//         typename: $(""),
//         typeid: $(""),
//         _id:$(""),
//         },
//         success: function (data) {
//           if (data.err === 0) {
//             alert("删除成功！");
//           } else {
//             alert("删除失败！");
//           }
//         },
//         error: function (err) {
//           console.log(err);
//         },
//       });
// 获取该a的tr;
// let tr = this.parentNode.parentNode;
// console.log(this.parentNode.parentNode);
// var tds = tr.getElementsByClassName("class_td");
// 获取到的每一个td为它们绑定点击事件;
// for (let i = 0; i < tds.length; i++) {
//   tds[i].setAttribute("contenteditable", "plaintext-only");
//   tr.onblur = function () {
//     alert("a");
//     tds[i].setAttribute("contenteditable", "");
// }
// }
// }
// }
// }
// one();
//搜索功能
// setDatas(value);
// function setDatas(mydatas) {
//   tbody.innerHTML = "";
//   mydatas.forEach(function (value) {
//     var tr = document.createElement("tr");
//     tr.innerHTML = `<td class="class_td">${value.name}</td>
//                  <td class="class_td">${value.class}</td>
//                  <td class="class_td">${value.office}</td>
//                  <td>
//                  <a href="javascript:;" class="btn_delect"> 删除 </a>
//                  <a href="javascript:;" class="btn_change"> 修改 </a>
//                  </td>`;
// tbody.appendChild(tr);
// var td = document.createElement("td");
// td.innerHTML = `
// <a href="javascript:;" class="btn_delect"> 删除 </a> <a href="javascript:;" class="btn_change"> 修改 </a>`;
// tr.appendChild(td);
//   });
// }
// var name_btn = document.querySelector(".name_btn");
// var class_btn = document.querySelector(".class_btn");
// var office_btn = document.querySelector(".office_btn");
// var title_select_one_right = document.querySelector(".title_select_one_right");
// var title_select_two_right = document.querySelector(".title_select_two_right");
// var title_select_three_right = document.querySelector(
//   ".title_select_three_right"
// );
// name_btn.onclick = function () {
//   var nodesArray = Array.prototype.slice.call(
//     document.querySelectorAll(".class_td")
//   );
//   // console.log(nodesArray);
//   nodesArray.some(function (value) {
//     if (nodesArray == name_btn.value) {
//       return true;
//     }
//   });
//   setDatas();
// };
// })
